<template>
    <div class="container">
        <el-row>
            <el-col :span="2">
                <div class="tetil">01</div>
            </el-col>
            <el-col :span="21">
                <p class="text">推广赚取佣金</p>
                <span class="p">将您下方的专属推广链接发布到<i style="color: #1799ea;">微博、微信、QQ、论坛、贴吧</i>等进行推荐、宣传和介绍注册使用！所有通过该链接注册的用户将永久成为您的推广好友！他的每一笔充值您都会获得5-8%的佣金！</span>
            </el-col>
        </el-row>
        <div class="foot"></div>
        <el-row>
            <el-col :span="2">
                <div class="tetil">02</div>
            </el-col>
            <el-col :span="21">
                <p class="text">推广链接 <span
                        style="color: #1799ea; font-size: 14px" ref="url"> {{url}}</span>
                    <el-button type="primary" plain @click="copyLink" class="tag-read"
                            :data-clipboard-text="url" >复制</el-button>
                </p>  <br>
                <span class="p">豌豆电商平台：一站式高质量流量、收藏和加购服务平台！安全稳定<br>
                                全网独家男女访客可选择、均带优质账户流量；高质量收藏加购！<br>
                                登录官网注册：<i style="color: #1799ea;">http://www.wandoull.com</i><br>
                                注册免费领取500流量币体验，使用满意后再自助充值购买！</span>
            </el-col>
        </el-row>
        <div class="foot"></div>
        <el-row>
            <el-col :span="2">
                <div class="tetil">03</div>
            </el-col>
            <el-col :span="21">
                <p class="text">佣金奖励（可提现支付宝）</p>
                <p style="color:#1799ea ;border: 1px solid ;width: 60% ;height: 50px;line-height: 50px;display: flex;text-align: center">
                    <span style="flex:1;height: 100%">会员级别</span>
                    <span style="flex:1;height: 100%">普通会员</span>
                    <span style="flex:1;height: 100%">VIP会员</span>
                </p>

                <p style="margin-top: -17px ;color:#1799ea ;border: 1px solid ;width: 60% ;height: 50px;line-height: 50px;display: flex;text-align: center">
                    <span style="flex:1;height: 100%">佣金提成</span>
                    <span style="flex:1;height: 100%">好友充值金额的5%</span>
                    <span style="flex:1;height: 100%"> 好友充值金额的8%</span>
                </p>
            </el-col>
        </el-row>
        <div class="foot"></div>
        <el-row>
            <el-col :span="2">
                <div class="tetil">04</div>
            </el-col>
            <el-col :span="21">
                <p class="text">佣金规则</p>
                <p class="p">1、只要注册豌豆电商平台即可邀请商家好友注册使用！会员级别越高佣金越多！</p>
                <p class="p">2、如自己注册多个账户互相推荐，平台将视为自己推荐自己。不计算返利！</p>
                <p class="p">3、邀请的每一名商家都是享受永久佣金提成奖励，只要商家在我们平台使用，每一笔充值您都有提成！</p>
                <p class="p"> 4、每天花费十分钟推广，坚持两三个月，月入过万很轻松！算简单一个公式！</p>
                <span class="p">
                    如果好友每次充值您获得10%佣金计算：<br>
                    一天推广一个商家等于一个月30个商家！每一个商家一天花费100元，那你一个月佣金高达一万！<br>
                    30（商家数量）*100（每天充值）*10%（佣金比例）*30（一个月）=9000（月佣金接近一万）<br>
                </span>
                <p class="p">只要坚持推广，佣金轻松赚取！或许您一个月达不到，但是两个月、三个月呢！加油，梦想要坚持才有！</p>
            </el-col>
        </el-row>
        <div class="foot"></div>
        <el-row>
            <el-col :span="2">
                <div class="tetil">05</div>
            </el-col>
            <el-col :span="21">
                <p class="text">推广方法</p>
                <span class="p"><i style="color: #1799ea;">方法一&nbsp;:&nbsp;</i>给您身边的电商好友发专属推广链接邀请注册使用；</span><br>
                <span class="p"><i style="color: #1799ea;">方法二&nbsp;:&nbsp;</i>搜索关键词加群，找流量收藏等群、信誉或者卖家交流QQ群或者旺旺群，加进去发您的推广链接，效果是很好的；</span><br>
                <span class="p"><i
                        style="color: #1799ea;">方法三&nbsp;:&nbsp;</i>如果你有自己的博客，那在博客里添加一个自己的推广链接，也是不错的选择；；</span><br>
                <span class="p"><i
                        style="color: #1799ea;">方法四&nbsp;:&nbsp;</i>在其他网站、论坛或贴吧贴上自己的推广链接，有人点击过来注册就是你的下线了；；</span><br>
                <span class="p"><i style="color: #1799ea;">方法五&nbsp;:&nbsp;</i>在微信、QQ、旺旺等多个社交工具可以联系商家介绍他们使用！；</span><br>
                <span class="p"><i
                        style="color: #1799ea;">方法六&nbsp;:&nbsp;</i>去腾讯问问或者天涯问答去回答别人流量收藏之类的问题，加上你的推广链接；</span><br>
                <span class="p"><i style="color: #1799ea;">方法七&nbsp;:&nbsp;</i>推广方法很多，只要自己肯花点心思，就肯定有不错的效果！；</span><br>
            </el-col>
        </el-row>
        <div class="foot"></div>
        <div class="p" style="margin: 0 auto;text-align: center">| 广州市俊霖电子商务有限公司| 粤ICP备18126514号</div>
    </div>
</template>

<script>
  import Clipboard from 'clipboard'
  export default {
    name:'tuiguanglianjie',
    data () {
      return {
        isShow: false,
        word: 'success',
        url:'http://www.wandoull.com/?tg=wW8hp4Tg'
      }
    },

    // 方法集合
    methods: {
      // 复制链接方法
      copyLink () {
        var clipboard = new Clipboard('.tag-read')
        clipboard.on('success', e => {
          this.$message.success('复制成功')
          // 释放内存
          clipboard.destroy()
        })
        clipboard.on('error', e => {
          // 不支持复制
          this.$message.error('该浏览器不支持复制')
          // 释放内存
          clipboard.destroy()
        })
      }
    }
  }
</script>

<style scoped>
    .tetil {
        margin-left: 20px;
        color: #ccc;
        text-align: center;
        font-size: 45px;
        display: inline-block;
        width: 90px;
        vertical-align: -2px;
    }

    .text {
        font-size: 18px;
        color: #333;
    }

    .p {
        font-size: 14px;
        height: auto;
        line-height: 24px;
        color: #666;
    }

    .foot {
        border-bottom: 1px solid #ccc;
        padding-bottom: 25px;
    }
</style>
